// Custom Theming for NG-ZORRO
// For more information: https://ng.ant.design/docs/customize-theme/en
@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less";

// Override less variables to here
// View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less

// @primary-color: #1890ff;
/* You can add global styles to this file, and also import other style files */

.page-root {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: white;
  background-size: 100%;
  width: 100vw;
  align-items: center;
  padding-bottom: 8px;
}

.inner-content-root {
  overflow-y: scroll;
  height: 98%;
  display: flex;
  flex-direction: column;
}

.chat-root {
  display: flex;
  flex-direction: column;
  background: white;
  padding-top: 16px;
  padding-bottom: 24px;
  border-radius: 16px;
  margin-bottom: 24px;
}

.chat-title {
  font-size: 18px;
  font-weight: 700;
  margin-left: 24px;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 1);
}

.chat-name {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  margin-left: 24px;
  margin-top: 24px;
}

.container-v {
  display: flex;
  flex-direction: column;
}

.container-h {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.line-h {
  height: 0;
  width: 100%;
  border: 1px solid #EDEDED;
}

.filter-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;

  .search {
    width: 200px;
    margin-right: 10px;
  }

  .btn {
    margin-right: 10px;
  }

  .select {
    width: 150px;
    margin-right: 10px;
  }

  .multiple-select {
    width: 300px;
    margin-right: 10px;
  }

  .date-pickers {
    margin-right: 10px;
  }

  .filter-tips {
    font-size: 20px;
    font-weight: 500;
  }
}

.content {
  margin-top: 20px;
}
